<template>
  <div>
    <Parent :parentData="parentData.parent" v-if="parentData.parent" />
    <div>{{parentData.content}}</div>
  </div>
</template>

<script>
export default {
  //组件内部递归
  //1. 递归组件语法, 必须起一个 name 然后就能在自己的 template 当中调用自己
  //2. 自己调用自己的数据传递模式是一样的 也是 props
  name: "Parent",
  props: ["parentData"],
};
</script>

<style lang="less" scoped>
</style>